<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理员登录成功页面</title>
    <link rel="stylesheet" href="../fonts/RemixIcon_Fonts/remixicon.css">
    <link rel="stylesheet" href="../css/admin_load_success.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->

    <script src="../utils/jquery-3.6.0.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
        crossorigin="anonymous"></script>
    <script>
        $(function(){
            var aLi = $('.tab_li');
            var aDiv = $('.tab_div');
            aLi.on('click', function(){
                // aDiv.css({
                //     'display':'none'
                // })
                aDiv.addClass('display')
                aDiv.eq($(this).index()).removeClass('display');

            })
        })
    </script>

</head>

<body>
    <!-- 导航的div -->
    <nav class="navbar nav_bak">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <a class="navbar-brand" href="#"><i class="ri-home-4-line color_i"></i></a>
                <span class="title">宿舍管理系统</span>
            </div>


            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">


                <ul class="nav navbar-nav navbar-right" id="nav_add_admin">

                    <li class="dropdown">
                        <!-- 管理员头像 -->

                        <a href="#" class="dropdown-toggle dropdown-add1" data-toggle="dropdown" role="button"
                            aria-haspopup="true" aria-expanded="false">
                            <i class="user_img">
                                <img src="../images/user_img.jpg">
                            </i>
                            1号管理员
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" id="dropdown_menu_add1">
                            <li><a href="#">退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!-- 下面的div -->
    <section class="clearfix">
        <!-- 左边的导航div -->
        <div class="section_left_box left">
            <ul class="nav nav-pills nav-stacked section_ul">
                <li class="tab_li"><a href="javascript:;"><i class="ri-honour-line i_add_css1"></i><span>公告主页</span></a></li>
                <li class="tab_li"><a href="javascript:;"><i class="ri-building-line i_add_css1"></i><span>宿舍管理</span></a></li>
                <li class="tab_li"><a href="javascript:;"><i class="ri-psychotherapy-line i_add_css1"></i><span>学生管理</span></a></li>
                <li class="tab_li"><a href="javascript:;"><i class="ri-stack-line i_add_css1"></i><span>公告管理</span></a></li>
                <li class="tab_li"><a href="javascript:;"><i class="ri-user-3-line i_add_css1"></i><span>管理员管理</span></a></li>
            </ul>
        </div>
        <!-- 右边的详情div -->
        <div class="section_right_box left">
            <!-- 面包屑导航的div -->
            <div>
                <ol class="breadcrumb_add">
                    <li><a href="#">公告主页</a></li>
                    <li><a href="#">宿舍管理</a></li>
                </ol>
            </div>
            <!-- 第一个公告主页的详情div -->
            <div class="tab_div">
                <!-- 表格div -->
                <div class=" table_div">
                    <p class="table_p1">欢迎进入</p>
                    <p class="table_p2">公告</p>
                    <table class="table table-hover">
                        <thead></thead>
                        <tbody class="j_table">
                        </tbody>
                        <!-- <tr class="admin_tr_add1">
                            <td>
                                <p>公告1修</p>
                                <p class="td_special_css">公告1修</p>
                            </td>
                            <td class="td_special_num_css">2020-9-01 00:00:00</td>
                        </tr>
                        <tr>
                            <td>
                                <p>公告2</p>
                                <p class="td_special_css">公告1112222</p>
                            </td>
                            <td class="td_special_num_css">2020-9-02 00:00:00</td>
                        </tr>
                        <tr>
                            <td>
                                <p>公告3</p>
                                <p class="td_special_css">公告13333</p>
                            </td>
                            <td class="td_special_num_css">2020-9-03 00:00:00</td>
                        </tr>
                        <tr>
                            <td>
                                <p>公告4</p>
                                <p class="td_special_css">公告1144111</p>
                            </td>
                            <td class="td_special_num_css">2020-9-04 00:00:00</td>
                        </tr>
                        <tr>
                            <td>
                                <p>公告5</p>
                                <p class="td_special_css">公告115511</p>
                            </td>
                            <td class="td_special_num_css">2020-9-05 00:00:00</td>
                        </tr> -->
                    </table>
                </div>
                <!-- 分页的div -->
                <div class="section_page_box">
                    <nav aria-label="Page navigation">
                        <ul class="pagination j_ul">
                            <li class="j_previous">
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                            <!-- <li class="j_page1"><a href="#">1</a></li>
                            <li class="j_page1"><a href="#">2</a></li> -->
                            <li class="j_next">
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!-- 第二个宿舍管理的详情div -->
            <div class="display tab_div">
                <!-- 上面输入的div -->
                <div class="second_top_box">
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="请输入宿舍名称">
                        </div>
                        <button type="submit" class="btn btn_css_1">搜索</button>
                        <button type="submit" class="btn btn_css_1">重置</button>
                        <!-- 添加宿舍模态框 -->
                        <a href="#">
                            <button type="submit" class="btn" id="btn_css_2" data-toggle="modal"
                                data-target="#exampleModal18">添加宿舍</button>
                            <div class="modal fade" id="exampleModal18" tabindex="-1" role="dialog"
                                aria-labelledby="exampleModalLabel">
                                <div class="modal-dialog modal_dialog_add1" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title modal_title_add1" id="exampleModalLabel">
                                                添加宿舍</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form id="form_add_1">
                                                <div class="form-group form_group_add5 clearfix">
                                                    <label for="recipient-id"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>宿舍编号
                                                    </label>
                                                    <input type="text" class="form-control form_control_add1  j_dorm_id"
                                                        id="recipient-id" placeholder="仅支持数值类型">
                                                    <p class="form_add_p5">宿舍编号不能为空</p>
                                                </div>
                                                <div class="form-group form_group_add5 clearfix">
                                                    <label for="recipient-name"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>宿舍名称
                                                    </label>
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_dorm_name"
                                                        id="recipient-name">
                                                    <p class="form_add_p5">宿舍名称不能为空</p>
                                                </div>
                                                <div class="form-group form_group_add5 clearfix">
                                                    <label for="recipient-num"
                                                        class="control-label left control_label_add1 control_label_add3"><span
                                                            class="star_add1">*</span>宿舍水电费余额（元）
                                                    </label>
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_dorm_balance"
                                                        id="recipient-num" placeholder="仅支持数值类型">
                                                    <p class="form_add_p5">水电费余额不能为空</p>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default"
                                                data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary j_add_dorm">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>


                    </form>
                </div>
                <!-- 下面表格的div -->
                <div class="second_bottom_box table_div" id="second_bottom_box">
                    <table class="table table-bordered table_add_css1">
                        <thead>
                            <tr class="tr_bg_css">
                                <th class="table_add_css1">宿舍编号</th>
                                <th class="table_add_css1">宿舍名称</th>
                                <th class="table_add_css1">宿舍人数</th>
                                <th class="table_add_css1">宿舍水电费余额（元）</th>
                                <th class="table_add_css1">宿舍状态</th>
                                <th class="table_add_css1">操作</th>
                            </tr>
                        </thead>
                        <tbody class="j_table3"></tbody>
                        <!-- <tr>
                            <td>1002</td>
                            <td>2号寝室</td>
                            <td>4</td>
                            <td>5</td>
                            <td>正常</td>
                            <td>
                                <a href="#">
                                    <span class="" data-toggle="modal" data-target="#myModal">删除</span>
                                </a>
                                <a href="#">
                                    <span data-toggle="modal" data-target="#myModal2">修改</span>
                                </a>
                                <a href="#">
                                    <span data-toggle="modal" data-target="#myModal3">发起催款申请</span>
                                </a>
                            </td>
                        </tr> -->
                    </table>
                    <!-- 全部的模态框 -->
                    <div>
                        <!-- 删除模态框 -->
                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="myModalLabel">提示</h4>
                                    </div>
                                    <div class="modal-body modal_body_add1">
                                        <i class="ri-error-warning-fill error_add1"></i>
                                        <span>确认删除该宿舍吗？</span>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-primary j_del_dorm">确定</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 修改模态框 -->
                        <div class="modal fade" id="exampleModal221" tabindex="-1" role="dialog"
                                aria-labelledby="exampleModalLabel">
                                <div class="modal-dialog modal_dialog_add1" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title modal_title_add1" id="exampleModalLabel">
                                                修改宿舍</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form id="form_add_1">
                                                <div class="form-group form_group_add5 clearfix">
                                                    <label for="recipient-id"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>宿舍编号
                                                    </label>
                                                    <input type="text" class="form-control form_control_add1  j_dorm_dormId"
                                                        id="recipient-id" disabled>
                                                    <!-- <p class="form_add_p5">宿舍编号不能为空</p> -->
                                                </div>
                                                <div class="form-group form_group_add5 clearfix">
                                                    <label for="recipient-name"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>宿舍名称
                                                    </label>
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_dorm_name1"
                                                        id="recipient-name">
                                                    <!-- <p class="form_add_p5">宿舍名称不能为空</p> -->
                                                </div>
                                                <div class="form-group form_group_add5 clearfix">
                                                    <label for="recipient-name"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1 opac">*</span>宿舍人数
                                                    </label>
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_dorm_num"
                                                        id="recipient-name" disabled>
                                                    <!-- <p class="form_add_p5">宿舍名称不能为空</p> -->
                                                </div>
                                                <div class="form-group form_group_add5 clearfix">
                                                    <label for="recipient-num"
                                                        class="control-label left control_label_add1 control_label_add3"><span
                                                            class="star_add1">*</span>宿舍水电费余额（元）
                                                    </label>
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_dorm_balance"
                                                        id="recipient-num" placeholder="仅支持数值类型">
                                                    <!-- <p class="fosrm_add_p5">水电费余额不能为空</p> -->
                                                </div>


                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default"
                                                data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary j_dorm_update">确定</button>
                                        </div>
                                    </div>
                                </div>
                        </div>

                        <!-- 催款申请模态框 -->
                        <div class="modal fade" id="myModal3" tabindex="-1" role="dialog"
                            aria-labelledby="myModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="myModalLabel">提示</h4>
                                    </div>
                                    <div class="modal-body modal_body_add1">
                                        <i class="ri-error-warning-fill error_add1"></i>
                                        <span>确认修改该宿舍状态吗？</span>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-primary j_stu_apply">确定</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <!-- 分页的div -->
                <div class="section_page_box">
                    <nav aria-label="Page navigation">
                        <ul class="pagination j_ul3">
                            <li class="j_previous3">
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                            <!-- <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li> -->
                            <li class="j_next3">
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>

            </div>
            <!-- 第三个学生管理的详情div -->
            <div class="display tab_div">
                <!-- 上面输入的div -->
                <div class="second_top_box">
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="请输入学生姓名">
                        </div>
                        <button type="submit" class="btn btn_css_1">搜索</button>
                        <button type="submit" class="btn btn_css_1">重置</button>
                        <!-- 添加学生模态框 -->
                        <a href="#">
                            <button type="submit" class="btn" id="btn_css_2" data-toggle="modal"
                                data-target="#exampleModal111">添加学生</button>
                            <div class="modal fade" id="exampleModal111" tabindex="-1" role="dialog"
                                aria-labelledby="exampleModalLabel">
                                <div class="modal-dialog modal_dialog_add1" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title modal_title_add1" id="exampleModalLabel">
                                                添加学生信息</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form id="form_add_1">
                                                <div class="form-group form_group_add7 clearfix">
                                                    <label for="recipient-id"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>学号
                                                    </label>
                                                    <input type="text" class="form-control form_control_add1 j_stu_inp_stuId"
                                                        id="recipient-id">
                                                    <p class="form_add_p7">学号不能为空</p>
                                                </div>
                                                <div class="form-group form_group_add7 clearfix">
                                                    <label for="recipient-name"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>姓名
                                                    </label>
                                                    <input type="text" class="form-control form_control_add1 j_stu_inp_name"
                                                        id="recipient-name">
                                                    <p class="form_add_p7">姓名不能为空</p>
                                                </div>
                                                <div class="form-group form_group_add7 clearfix">
                                                    <label for="recipient-num"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>帐号
                                                    </label>
                                                    <input type="text" class="form-control form_control_add1 j_stu_inp_stuUserId"
                                                        id="recipient-num">
                                                    <p class="form_add_p7">帐号不能为空</p>
                                                </div>
                                                <div class="form-group form_group_add7 clearfix">
                                                    <label for="recipient-password"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>密码
                                                    </label>
                                                    <input type="password" class="form-control form_control_add1 j_stu_inp_password"
                                                        id="recipient-password">
                                                    <p class="form_add_p7">密码不能为空</p>
                                                </div>
                                                <div class="form-group form_group_add7 clearfix">
                                                    <label for="recipient-dorm"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>所属宿舍
                                                    </label>
                                                    <select name="" id="recipient-dorm" class="select_add_1 left j_add_option1 j_stu_inp_dormId">
                                                        <!-- <option>1001</option>
                                                        <option>1002</option>
                                                        <option>1003</option> -->
                                                    </select>

                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default"
                                                data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary j_add_stu">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </form>
                </div>
                <!-- 下面表格的div -->
                <div class="second_bottom_box table_div">
                    <table class="table table-bordered table_add_css1">
                        <thead>
                            <tr class="tr_bg_css">
                                <th class="table_add_css1">学号</th>
                                <th class="table_add_css1">姓名</th>
                                <th class="table_add_css1">账号</th>
                                <th class="table_add_css1">学生所属宿舍</th>
                                <th class="table_add_css1">宿舍水电费余额（元）</th>
                                <th class="table_add_css1">宿舍状态</th>
                                <th class="table_add_css1">操作</th>
                            </tr>
                        </thead>
                        <tbody class="j_table6"></tbody>

                        <!-- <tr>
                            <td>101</td>
                            <td>学生1</td>
                            <td>101</td>
                            <td>1002</td>
                            <td>5</td>
                            <td>正常</td>
                            <td>
                                <a href="#">
                                    <span class="" data-toggle="modal" data-target="#myModal16">删除</span>
                                </a>
                                <a href="#">
                                    <span class="" data-toggle="modal" data-target="#exampleModal">修改</span>
                                </a>
                                <a href="#">
                                    <span class="" data-toggle="modal" data-target="#myModal17">查看缴费记录</span>
                                </a>
                            </td>
                        </tr> -->


                    </table>
                    <!-- 全部的模态框 -->
                    <div>
                        <!-- 删除学生模态框 -->
                        <div class="modal fade" id="myModal16" tabindex="-1" role="dialog"
                            aria-labelledby="myModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="myModalLabel">提示</h4>
                                    </div>
                                    <div class="modal-body modal_body_add1">
                                        <i class="ri-error-warning-fill error_add1"></i>
                                        <span>确认删除该学生吗？</span>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-primary j_stu_del">确定</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 修改学生模态框 -->
                        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                            aria-labelledby="exampleModalLabel">
                            <div class="modal-dialog modal_dialog_add1" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title modal_title_add1" id="exampleModalLabel">
                                            修改学生信息</h4>
                                    </div>
                                    <div class="modal-body">
                                        <form id="form_add_1">
                                            <div class="form-group form_group_add1 clearfix">
                                                <label for="recipient-id"
                                                    class="control-label left control_label_add1"><span
                                                        class="star_add1">*</span>学号
                                                </label>
                                                <input type="text" class="form-control form_control_add1 j_stu_stuId"
                                                    id="recipient-id" disabled >
                                                <!-- <p class="form_add_p">学号不能为空</p> -->
                                            </div>
                                            <div class="form-group form_group_add1 clearfix">
                                                <label for="recipient-name"
                                                    class="control-label left control_label_add1"><span
                                                        class="star_add1">*</span>姓名
                                                </label>
                                                <input type="text" class="form-control form_control_add1 j_stu_name"
                                                    id="recipient-name">
                                                <p class="form_add_p">姓名不能为空</p>
                                            </div>
                                            <div class="form-group form_group_add1 clearfix">
                                                <label for="recipient-num"
                                                    class="control-label left control_label_add1"><span
                                                        class="star_add1">*</span>帐号
                                                </label>
                                                <input type="text" class="form-control form_control_add1 j_stu_stuUserId"
                                                    id="recipient-num" disabled value="101">
                                                <!-- <p class="form_add_p">帐号不能为空</p> -->
                                            </div>
                                            <div class="form-group form_group_add1 clearfix">
                                                <label for="recipient-password"
                                                    class="control-label left control_label_add1"><span
                                                        class="star_add1">*</span>密码
                                                </label>
                                                <input type="text" class="form-control form_control_add1 j_stu_password"
                                                    id="recipient-password">
                                                <p class="form_add_p">密码不能为空</p>
                                            </div>
                                            <div class="form-group form_group_add1 clearfix">
                                                <label for="recipient-dorm"
                                                    class="control-label left control_label_add1"><span
                                                        class="star_add1">*</span>所属宿舍
                                                </label>
                                                <!-- <select name="" id="recipient-dorm" class="select_add_1 left j_stu_type">
                                                    <option>1001</option>
                                                    <option>1002</option>
                                                    <option>1003</option>
                                                </select> -->
                                                <select name="" id="recipient-dorm" class="select_add_1 left j_add_option1 j_stu_type">
                                                    <!-- <option>1001</option>
                                                    <option>1002</option>
                                                    <option>1003</option> -->
                                                </select>

                                            </div>
                                        </form>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-primary j_stu_update">确定</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 查看缴费记录模态框 -->
                        <div class="modal fade" id="myModal17" tabindex="-1" role="dialog"
                            aria-labelledby="myModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="myModalLabel">缴费记录</h4>
                                    </div>
                                    <div class="modal-body modal_body_add1">
                                        <table class="table table_add_css1">
                                            <thead>
                                                <tr class="table_add_css1 tr_bg_css">
                                                    <th class="table_add_css1">缴费金额</th>
                                                    <th class="table_add_css1">缴费时间</th>
                                                </tr>
                                            </thead>
                                            <tbody class="j_table7">

                                            </tbody>
                                            
                                            <!-- <tr>
                                                <td>5</td>
                                                <td>2021-5-23 17:12:12</td>
                                            </tr> -->
                                        </table>
                                    </div>
                                    <!-- 装分页器的div -->
                                    <div class="page_add_1">
                                        <nav aria-label="Page navigation">
                                            <ul class="pagination nav_add_11 j_ul7">
                                                <li class="j_previous7">
                                                    <a href="#" aria-label="Previous">
                                                        <span aria-hidden="true">&laquo;</span>
                                                    </a>
                                                </li>
                                                <!-- <li><a href="#">1</a></li> -->
                                                <li class="j_next7">
                                                    <a href="#" aria-label="Next">
                                                        <span aria-hidden="true">&raquo;</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>


                </div>
                <!-- 分页的div -->
                <div class="section_page_box">
                    <nav aria-label="Page navigation">
                        <ul class="pagination j_ul6">
                            <li class="j_previous6">
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                            <!-- <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li> -->
                            <li class="j_next6">
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>

            </div>
            <!-- 第四个公告管理的详情div -->
            <div class="display tab_div">
                <!-- 上面输入的div -->
                <div class="second_top_box">
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="请输入公告标题">
                        </div>
                        <button type="submit" class="btn btn_css_1">搜索</button>
                        <button type="submit" class="btn btn_css_1">重置</button>
                        <!-- 添加公告模态框 -->
                        <a href="#">
                            <button type="submit" class="btn" id="btn_css_2" data-toggle="modal"
                                data-target="#exampleModal112">添加公告</button>
                            <div class="modal fade" id="exampleModal112" tabindex="-1" role="dialog"
                                aria-labelledby="exampleModalLabel">
                                <div class="modal-dialog modal_dialog_add1" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title modal_title_add1" id="exampleModalLabel3">
                                                添加公告</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form>
                                                <div class="form-group form_group_add6 clearfix">
                                                    <label for="inputEmail3"
                                                        class=" control-label control_label_add2 left"><span
                                                            class="star_add1">*</span>公告标题</label>
                                                    <div class="left">
                                                        <input type="text"
                                                            class="form-control form_control_add1 j_notice_title"
                                                            id="inputEmail3" placeholder="">
                                                        <p class="form_add_p2">标题不能为空</p>
                                                    </div>

                                                </div>

                                                <div class="form-group form_group_add6 clearfix">
                                                    <label for="inputEmail3"
                                                        class=" control-label control_label_add2 left"><span
                                                            class="star_add1">*</span>公告内容</label>
                                                    <div class="left">
                                                        <textarea class="form-control textarea_add_2 j_notice_content"
                                                            rows="2" placeholder="公告内容"></textarea>
                                                        <p class="form_add_p2">内容不能为空</p>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default"
                                                data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary j_add_notice">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>



                    </form>
                </div>
                <!-- 下面表格的div -->
                <div class="second_bottom_box table_div">
                    <table class="table table-bordered table_add_css1">
                        <thead>
                            <tr class="tr_bg_css">
                                <th class="table_add_css1">公告编号</th>
                                <th class="table_add_css1">公告标题</th>
                                <th class="table_add_css1">公告内容</th>
                                <th class="table_add_css1">发布时间</th>
                                <th class="table_add_css1">发布人</th>
                                <th class="table_add_css1">操作</th>
                            </tr>
                        </thead>
                        <tbody class="j_table5"></tbody>

                        <!-- <tr>
                            <td>1</td>
                            <td>公告1</td>
                            <td>公告12315</td>
                            <td>2020-9-01 00:00:00</td>
                            <td>1号管理员</td>
                            <td>
                                <a href="#">
                                    <span class="" data-toggle="modal" data-target="#myModal26">删除</span>
                                </a>
                                <a href="#">
                                    <span class="" data-toggle="modal" data-target="#exampleModal6"
                                        data-whatever="@mdo">修改</span>
                                </a>
                            </td>
                        </tr> -->

                    </table>
                    <!-- 全部的模态框 -->
                    <div>
                        <!-- 删除公告模态框 -->
                        <div class="modal fade" id="myModal26" tabindex="-1" role="dialog"
                            aria-labelledby="myModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="myModalLabel">提示</h4>
                                    </div>
                                    <div class="modal-body modal_body_add1">
                                        <i class="ri-error-warning-fill error_add1"></i>
                                        <span>确认删除该公告吗？</span>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-primary j_notice_del">确定</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 修改公告模态框 -->
                        <div class="modal fade" id="exampleModal6" tabindex="-1" role="dialog"
                            aria-labelledby="exampleModalLabel">
                            <div class="modal-dialog modal_dialog_add1" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title modal_title_add1" id="exampleModalLabel3">
                                            修改公告信息</h4>
                                    </div>
                                    <div class="modal-body">
                                        <form>
                                            <div class="form-group form_group_add2 clearfix">
                                                <label for="inputEmail3"
                                                    class=" control-label control_label_add2 left"><span
                                                        class="opac">*</span>公告编号</label>
                                                <div class="left">
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_notice_inp_userId"
                                                        id="inputEmail3" disabled>
                                                </div>
                                            </div>

                                            <div class="form-group form_group_add2 clearfix">
                                                <label for="inputEmail3"
                                                    class=" control-label control_label_add2 left"><span
                                                        class="star_add1">*</span>公告标题</label>
                                                <div class="left">
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_notice_inp_title"
                                                        id="inputEmail3">
                                                    <p class="form_add_p2">标题不能为空</p>
                                                </div>

                                            </div>

                                            <div class="form-group form_group_add2 clearfix">
                                                <label for="inputEmail3"
                                                    class=" control-label control_label_add2 left"><span
                                                        class="star_add1">*</span>公告内容</label>
                                                <div class="left">
                                                    <textarea class="form-control textarea_add_1 j_notice_inp_content"
                                                        rows="2"></textarea>
                                                    <p class="form_add_p2">内容不能为空</p>
                                                </div>

                                            </div>
                                            <div class="form-group form_group_add2 clearfix">
                                                <label for="inputEmail3"
                                                    class=" control-label control_label_add2 left"><span
                                                        class="opac">*</span>发布时间</label>
                                                <div class="left">
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_notice_inp_time"
                                                        id="inputEmail3" disabled>
                                                </div>
                                            </div>
                                            <div class="form-group form_group_add2 clearfix">
                                                <label for="inputEmail3"
                                                    class=" control-label control_label_add2 left"><span
                                                        class="opac">*小</span>发布人</label>
                                                <div class="left">
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_notice_inp_person"
                                                        id="inputEmail3" disabled>
                                                </div>
                                            </div>

                                        </form>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-primary j_notice_update">确定</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- 分页的div -->
                <div class="section_page_box">
                    <nav aria-label="Page navigation">
                        <ul class="pagination j_ul5">
                            <li class="j_previous5">
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                            <!-- <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li> -->
                            <li class="j_next5">
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>

            </div>
            <!-- 第五个管理员管理的详情div -->
            <div class="display tab_div">
                <!-- 上面输入的div -->
                <div class="second_top_box">
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="请输入学生姓名">
                        </div>
                        <button type="submit" class="btn btn_css_1">搜索</button>
                        <button type="submit" class="btn btn_css_1">重置</button>

                        <!-- 添加管理员模态框 -->
                        <a href="#">
                            <button type="submit" class="btn" id="btn_css_2" data-toggle="modal"
                                data-target="#exampleModal17">添加管理员</button>
                            <div class="modal fade" id="exampleModal17" tabindex="-1" role="dialog"
                                aria-labelledby="exampleModalLabel">
                                <div class="modal-dialog modal_dialog_add1" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title modal_title_add1" id="exampleModalLabel">
                                                添加管理员</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form id="form_add_1">
                                                <div class="form-group form_group_add4 clearfix">
                                                    <label for="recipient-id"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>姓名
                                                    </label>
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_add_name1"
                                                        id="recipient-id">
                                                    <p class="form_add_p4 opac">姓名不能为空</p>
                                                </div>
                                                <div class="form-group form_group_add4 clearfix">
                                                    <label for="recipient-name"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>账号
                                                    </label>
                                                    <input type="text" class="form-control form_control_add1 j_add_id1"
                                                        id="recipient-name" placeholder="账号仅支持数值类型">
                                                    <p class="form_add_p4 opac">账号不能为空</p>
                                                </div>
                                                <div class="form-group form_group_add4 clearfix">
                                                    <label for="recipient-num"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>密码
                                                    </label>
                                                    <input type="password"
                                                        class="form-control form_control_add1 j_add_password1"
                                                        id="recipient-num">
                                                    <p class="form_add_p4 opac">密码不能为空</p>
                                                </div>

                                                <div class="form-group form_group_add4 clearfix">
                                                    <label for="recipient-dorm"
                                                        class="control-label left control_label_add1"><span
                                                            class="star_add1">*</span>类型
                                                    </label>
                                                    <select name="" id="recipient-dorm"
                                                        class="select_add_1 left j_add_select1">
                                                        <option value="1">普通管理员</option>
                                                        <option value="2">超级管理员</option>
                                                    </select>

                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default"
                                                data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary j_add_admin_btn">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </form>
                </div>
                <!-- 下面表格的div -->
                <div class="second_bottom_box table_div">
                    <table class="table table-bordered table_add_css1">
                        <thead>
                            <tr class="tr_bg_css">
                                <th class="table_add_css1">编号</th>
                                <th class="table_add_css1">姓名</th>
                                <th class="table_add_css1">账号</th>
                                <th class="table_add_css1">类型</th>
                                <th class="table_add_css1">操作</th>
                            </tr>
                        </thead>
                        <tbody class="j_table2">
                            <!-- <tr data-id="1">
                                <td>1</td>
                                <td>1号管理员</td>
                                <td>201</td>
                                <td>超级管理员</td>
                                <td>
                                    <a href="#">
                                        <span class="" data-toggle="modal" data-target="#myModal31">删除</span>
                                    </a>
                                    <a href="#">
                                        <span class="" data-toggle="modal" data-target="#exampleModal11">修改</span>
                                    </a>
                                </td>
                            </tr>                         -->
                        </tbody>
                    </table>
                    <!-- 全部的模态框 -->
                    <div>
                        <!-- 删除管理员模态框 -->
                        <div class="modal fade" id="myModal31" tabindex="-1" role="dialog"
                            aria-labelledby="myModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="myModalLabel">提示</h4>
                                    </div>
                                    <div class="modal-body modal_body_add1">
                                        <i class="ri-error-warning-fill error_add1"></i>
                                        <span>确认删除该管理员吗？</span>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-primary j_del_admin">确定</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 修改管理员模态框 -->
                        <div class="modal fade" id="exampleModal11" tabindex="-1" role="dialog"
                            aria-labelledby="exampleModalLabel">
                            <div class="modal-dialog modal_dialog_add1" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title modal_title_add1" id="exampleModalLabel3">
                                            修改管理员信息</h4>
                                    </div>
                                    <div class="modal-body">
                                        <form>
                                            <div class="form-group form_group_add3 clearfix">
                                                <label for="inputEmail3"
                                                    class=" control-label control_label_add2 left"><span
                                                        class="opac">*</span>编号</label>
                                                <div class="left">
                                                    <input type="text" class="form-control form_control_add1 j_admin_id"
                                                        id="inputEmail3" disabled>
                                                </div>
                                            </div>

                                            <div class="form-group form_group_add3 clearfix">
                                                <label for="inputEmail3"
                                                    class=" control-label control_label_add2 left"><span
                                                        class="star_add1">*</span>姓名</label>
                                                <div class="left">
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_admin_name"
                                                        id="inputEmail3">
                                                    <p class="form_add_p2">姓名不能为空</p>
                                                </div>

                                            </div>

                                            <div class="form-group form_group_add3 clearfix">
                                                <label for="inputEmail3"
                                                    class=" control-label control_label_add2 left"><span
                                                        class="star_add1">*</span>账号</label>
                                                <div class="left">
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_admin_userId"
                                                        id="inputEmail3" disabled>
                                                    <p class="form_add_p2">账号不能为空</p>
                                                </div>

                                            </div>
                                            <div class="form-group form_group_add3 clearfix">
                                                <label for="inputEmail3"
                                                    class=" control-label control_label_add2 left"><span
                                                        class="star_add1">*</span>密码</label>
                                                <div class="left">
                                                    <input type="text"
                                                        class="form-control form_control_add1 j_admin_password"
                                                        id="inputEmail3">
                                                    <p class="form_add_p2">密码不能为空</p>
                                                </div>
                                            </div>
                                            <div class="form-group form_group_add3 clearfix">
                                                <label for="inputEmail3"
                                                    class=" control-label control_label_add2 left"><span
                                                        class="star_add1">*</span>类型</label>
                                                <div class="left">
                                                    <select name="" id="recipient-dorm5"
                                                        class="select_add_1 left j_admin_type">
                                                        <option value="2">超级管理员</option>
                                                        <option value="1">普通管理员</option>
                                                    </select>
                                                </div>
                                            </div>

                                        </form>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-primary j_update_admin">确定</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <!-- 分页的div -->
                <div class="section_page_box">
                    <nav aria-label="Page navigation nav_add_page">
                        <ul class="pagination j_ul2">
                            <li class="j_previous2">
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                            <!-- <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li> -->
                            <li class="j_next2">
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>

            </div>

        </div>
    </section>
</body>

</html>
<script src="../JS/admin_load_success.js"></script>
<script src="../JS/getadmin.js"></script>
<script src="../JS/getnotice_index.js"></script>
<script src="../JS/getdorm.js"></script>
<script src="../JS/getnotice_mange.js"></script>
<script src="../JS/getstudent.js"></script>